Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
<div id="carousel-1" class="carousel slide"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-1" data-slide-to="0" class="active"></li> <li data-target="#carousel-1" data-slide-to="1"></li> <li data-target="#carousel-1" data-slide-to="2"></li> <li data-target="#carousel-1" data-slide-to="3"></li> <li data-target="#carousel-1" data-slide-to="4"></li> </ol> <!-- // Indicators END --> <!-- Items --> <div class="carousel-inner"> <!-- Item --> <div class="item active"> <img src="../assets/images/gallery-2/1.jpg" alt="" class="img-responsive" /> <div class="carousel-caption"> <h4>Thumbnail heading</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> <!-- // Item END --> <!-- Item --> <div class="item"> <img src="../assets/images/gallery-2/2.jpg" alt="" class="img-responsive" /> <div class="carousel-caption"> <h4>Thumbnail heading</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> <!-- // Item END --> <!-- Item --> <div class="item"> <img src="../assets/images/gallery-2/3.jpg" alt="" class="img-responsive" /> <div class="carousel-caption"> <h4>Thumbnail heading</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> <!-- // Item END --> <!-- Item --> <div class="item"> <img src="../assets/images/gallery-2/4.jpg" alt="" class="img-responsive" /> <div class="carousel-caption"> <h4>Thumbnail heading</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> <!-- // Item END --> <!-- Item --> <div class="item"> <img src="../assets/images/gallery-2/5.jpg" alt="" class="img-responsive" /> <div class="carousel-caption"> <h4>Thumbnail heading</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> <!-- // Item END --> </div> <!-- // Items END --> <!-- Navigation --> <a class="left carousel-control" href="#carousel-1" data-slide="prev"><span class="fa fa-prev"></span></a> <a class="right carousel-control" href="#carousel-1" data-slide="next"><span class="fa fa-next"></span></a> <!-- // Navigation END --> </div>
@import "http://localhost/shared/components/modules/admin/gallery/carousels/assets/less/carousels.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut.
Buy FLAT PLUS!
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut.
Buy FLAT PLUS!
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut.
Buy FLAT PLUS!
<div class="carousel carousel-1 slide" id="myCarousel"> <div class="carousel-inner"> <!-- Item --> <div class="item"> <div class="row"> <div class="col-xs-5 relativeWrap"> <div class="carousel-caption"> <h4>Get this item now!</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut.<br/> <a href="" class="separator top" target="_blank">Buy FLAT PLUS!</a></p> </div> </div> <div class="col-xs-7"> <img src="../assets/images/gallery-2/6.jpg" alt="" class="img-responsive" /> </div> </div> </div> <!-- // Item END --> <!-- Item --> <div class="item"> <div class="row"> <div class="col-xs-5 relativeWrap"> <div class="carousel-caption"> <h4>Get this item now!</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut.<br/> <a href="" class="separator top" target="_blank">Buy FLAT PLUS!</a></p> </div> </div> <div class="col-xs-7"> <img src="../assets/images/gallery-2/7.jpg" alt="" class="img-responsive" /> </div> </div> </div> <!-- // Item END --> <!-- Item --> <div class="item active"> <div class="row"> <div class="col-xs-5 relativeWrap"> <div class="carousel-caption"> <h4>Get this item now!</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut.<br/> <a href="" class="separator top" target="_blank">Buy FLAT PLUS!</a></p> </div> </div> <div class="col-xs-7"> <img src="../assets/images/gallery-2/8.jpg" alt="" class="img-responsive" /> </div> </div> </div> <!-- // Item END --> </div> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> </div>
@import "http://localhost/shared/components/modules/admin/gallery/carousels/assets/less/carousels.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.